<template>
  <div class="block">
    <el-date-picker
      v-model="value1"
      @change="timeDate"
      value-format="yyyy-MM-dd"
      type="date"
      placeholder="选择日期"
    >
    </el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value1: "",
      timeDefaultShow: "",
    };
  },
  created() {},
  mounted() {
    // this.value1 = new Date();
    // this.aaa()
  },
  methods: {
    timeDate() {
      this.$emit("changeTime1", this.value1);
    },
  },
};
</script>
<style lang="less" scoped>
.el-date-editor .el-input__inner {
  background-color: rgb(13, 52, 91);
}
/deep/ .el-date-editor .el-input__inner {
  background-color: rgb(13, 52, 91);
  color: #fff;
  font-size: 0.56vw;
}
/deep/ .el-date-editor {
  text-align: right;
}
/deep/ .el-input__inner {
  color: #fff;
  font-size: 0.56vw;
}

/deep/ .el-input__inner {
  border: 1px solid rgb(52, 161, 255);

  height: 2vh;
}
/deep/ .el-input__prefix {
  top: 4px;
}
/deep/ .el-input__suffix {
  top: 0vh;
}
</style>
